<!doctype html>

<html lang="en">
<head>
    <!--<link rel="stylesheet" href="../../../../node_modules/font-awesome/css/font-awesome.min.css">-->
    <!--<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">-->
    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js" integrity="sha384-kW+oWsYx3YpxvjtZjFXqazFpA7UP/MbiY4jvs+RWZo2+N94PFZ36T6TFkc9O3qoB" crossorigin="anonymous"></script>



</head>


<body>

<span class="fa-stack fa-2x">
  <i class="fas fa-square fa-stack-2x"></i>
  <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack fa-2x">
  <i class="fas fa-circle fa-stack-2x"></i>
  <i class="fas fa-flag fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack fa-2x">
  <i class="fas fa-square fa-stack-2x"></i>
  <i class="fas fa-terminal fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack fa-4x">
  <i class="fas fa-square fa-stack-2x"></i>
  <i class="fas fa-terminal fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack" style="font-size: 10px;">
  <i class="fas fa-comment fa-stack-2x" style="color: lightgrey;"></i>
  <!--<i class="fas fa-plus fa-stack-1x"  data-fa-transform="up-10 right-12" style="color:Tomato"></i>-->

    <i class="fas fa-plus fa-stack-1x" style="color:Tomato"></i>
</span>


<div class="fa-4x">
    <i class="fas fa-magic" data-fa-transform="shrink-8" style="background:MistyRose"></i>
    <i class="fas fa-magic" data-fa-transform="shrink-8 up-6" style="background:MistyRose"></i>
    <i class="fas fa-magic" data-fa-transform="shrink-8 right-6" style="background:MistyRose"></i>
    <i class="fas fa-magic" data-fa-transform="shrink-8 down-6" style="background:MistyRose"></i>
    <i class="fas fa-magic" data-fa-transform="shrink-8 left-6" style="background:MistyRose"></i>
</div>


<span class="fa-layers fa-fw" style="background:MistyRose">
    <i class="fas fa-bookmark"></i>
    <i class="fa-inverse fas fa-heart" data-fa-transform="shrink-10 up-2" style="color:Tomato"></i>
  </span>



<div class="fa-4x">
  <span class="fa-layers fa-fw" style="background:MistyRose">
    <i class="fas fa-circle" style="color:Tomato"></i>
    <i class="fa-inverse fas fa-times" data-fa-transform="shrink-6"></i>
  </span>

    <span class="fa-layers fa-fw" style="background:MistyRose">
    <i class="fas fa-bookmark"></i>
    <i class="fa-inverse fas fa-heart" data-fa-transform="shrink-10 up-2" style="color:Tomato"></i>
  </span>

    <span class="fa-layers fa-fw" style="background:MistyRose">
    <i class="fas fa-play" data-fa-transform="rotate--90 grow-2"></i>
    <i class="fas fa-sun fa-inverse" data-fa-transform="shrink-10 up-2"></i>
    <i class="fas fa-moon fa-inverse" data-fa-transform="shrink-11 down-4.2 left-4"></i>
    <i class="fas fa-star fa-inverse" data-fa-transform="shrink-11 down-4.2 right-4"></i>
  </span>

    <span class="fa-layers fa-fw" style="background:MistyRose">
    <i class="fas fa-calendar"></i>
    <span class="fa-layers-text fa-inverse" data-fa-transform="shrink-8 down-3" style="font-weight:900">27</span>
  </span>

    <span class="fa-layers fa-fw" style="background:MistyRose">
    <i class="fas fa-certificate"></i>
    <span class="fa-layers-text fa-inverse" data-fa-transform="shrink-11.5 rotate--30" style="font-weight:900">NEW</span>
  </span>

    <span class="fa-layers fa-fw" style="background:MistyRose">
    <i class="fas fa-envelope"></i>
    <span class="fa-layers-counter" style="background:Tomato">1,419</span>
  </span>
</div>

<!--<div class="fa-4x">-->
    <!--<i class="fas fa-pencil-alt" data-fa-transform="shrink-10 up-.5" data-fa-mask="fas fa-comment" style="background:MistyRose"></i>-->
    <!--<i class="fab fa-facebook-f" data-fa-transform="shrink-3.5 down-1.6 right-1.25" data-fa-mask="fas fa-circle" style="background:MistyRose"></i>-->
    <!--<i class="fas fa-headphones" data-fa-transform="shrink-6" data-fa-mask="fas fa-square" style="background:MistyRose"></i>-->
<!--</div>-->

<!--<div class="fa-4x">-->
  <!--<span class="fa-layers fa-fw" style="background:MistyRose">-->
    <!--<i class="fas fa-circle" style="color:Tomato"></i>-->
    <!--<i class="fa-inverse fas fa-times" data-fa-transform="shrink-6"></i>-->
  <!--</span>-->

    <!--<span class="fa-layers fa-fw" style="background:MistyRose">-->
    <!--<i class="fas fa-bookmark"></i>-->
    <!--<i class="fa-inverse fas fa-heart" data-fa-transform="shrink-10 up-2" style="color:Tomato"></i>-->
  <!--</span>-->

    <!--<span class="fa-layers fa-fw" style="background:MistyRose">-->
    <!--<i class="fas fa-play" data-fa-transform="rotate&#45;&#45;90 grow-2"></i>-->
    <!--<i class="fas fa-sun fa-inverse" data-fa-transform="shrink-10 up-2"></i>-->
    <!--<i class="fas fa-moon fa-inverse" data-fa-transform="shrink-11 down-4.2 left-4"></i>-->
    <!--<i class="fas fa-star fa-inverse" data-fa-transform="shrink-11 down-4.2 right-4"></i>-->
  <!--</span>-->

    <!--<span class="fa-layers fa-fw" style="background:MistyRose">-->
    <!--<i class="fas fa-calendar"></i>-->
    <!--<span class="fa-layers-text fa-inverse" data-fa-transform="shrink-8 down-3" style="font-weight:900">27</span>-->
  <!--</span>-->

    <!--<span class="fa-layers fa-fw" style="background:MistyRose">-->
    <!--<i class="fas fa-certificate"></i>-->
    <!--<span class="fa-layers-text fa-inverse" data-fa-transform="shrink-11.5 rotate&#45;&#45;30" style="font-weight:900">NEW</span>-->
  <!--</span>-->

    <!--<span class="fa-layers fa-fw" style="background:MistyRose">-->
    <!--<i class="fas fa-envelope"></i>-->
    <!--<span class="fa-layers-counter" style="background:Tomato">1,419</span>-->
  <!--</span>-->
<!--</div>-->

</body>

</html>
